import React, { Component, lazy, Suspense } from 'react';

import './App.css';


const MusicHeader = lazy(() => import('./components/header'))
const MusicMain = lazy(() => import('./components/main'))
const MusicFooter = lazy(() => import('./components/footer'))

class App extends Component {

  render() {
    return (
      <div className="App">
        <Suspense fallback={<div>正在加载...</div>}>
          <MusicHeader />
          <MusicMain />
          <MusicFooter />
        </Suspense>
      </div>
    );
  }
}

export default App;
